import {Tabs}from "antd";
import { useEffect } from "react";
import Blockly  from 'blockly'
import './index.css'
import BlocklyComponent from "../blockly";
const {TabPane} =Tabs;
const Main =()=>{

    const handleOnload = ()=>{
        var workspace = Blockly.inject('blocklyDiv');
    }

    return (
    <div className="Main" >
        <div id="blocklyArea" style={{height:"auto",position:"relative"}}>
        <Tabs hideAdd  type="editable-card" tabBarStyle={{backgroundColor:"#ddd"}}>
          <TabPane tab="窗口一" key="1">
            <BlocklyComponent/>
          </TabPane>
      </Tabs>
      </div>
    </div>
    )
}
 export default Main;